<h2>პროდუქტების კატალოგი</h2>
<hr class="line" />
<div class="clearfix">  
    <div class="left">
        <div class="padding">
             <select name="category" id="category" class="select-box select-third">
                <option value="val">კატეგორიის სახელი გრძელი</option>
                <option value="val">კატეგორიის საშუალო</option>
                <option value="val">მოკლე</option>
                <option value="val">კატეგორიის სახელი</option>
            </select>
        </div><!-- .padding -->        
    </div><!-- .left -->  
    <div class="left">
        <div class="padding">
            <label for="search" class="inline">ძიება:</label>
            <input type="text" name="search" id="search" class="input ie-corner input-fourth">   
            <input type="button" class="btn ie-corner red-btn" value="წინ" title="წინ" id="go" name="go">
        </div><!-- .padding -->        
    </div><!-- .left -->    
    <div class="right">
        <div class="padding">
            <a href="?app=products&amp;act=new" class="btn ie-corner add-btn red-btn" title="პროდუქტების დამატება"><span>პროდუქტების დამატება</span></a>
        </div><!-- .padding -->
    </div><!-- .right -->
</div><!-- .clearfix -->
<hr class="line" />
<div class="clearfix">
    <div class="padding">
        <?php for( $i = 1; $i < 19; $i++  ): ?>
            <div class="item-block<?php echo ( $i % 6 == 0 ) ? ' last-block' : ''; ?>">
                <div class="item-image">
                    <img src="./uploads/products-item.jpg" alt="პროდუქტის სახელი" />
                </div><!-- .item-image -->
                <div class="item-actions-overlay">
                    <div class="item-actions">
                        <a href="?<?php echo http_build_query( array( 'app' => 'products', 'act' => 'edit', 'id' => $i ) ); ?>" class="item-edit-icon" title="რედაქტირება">რედაქტირება</a>
                        <a href="?<?php echo http_build_query( array( 'app' => 'products', 'act' => 'delete', 'id' => $i ) ); ?>" class="item-delete-icon delete-icon" title="წაშლა">წაშლა</a>
                    </div><!-- .item-actions -->
                </div><!-- .item-actions-overlay -->
                <div class="item-name">
                    <h3 title="HTC - Sensation XE with Beats Audio">HTC - Sensation XE with Beats Audio</h3>
                </div><!-- .item-name -->
                <div class="item-category">
                    <a href="#" title="მობილური ტელეფონები">მობილური ტელეფონები</a>
                </div><!-- .item-category -->
            </div><!-- .item-block -->
        <?php endfor; ?>        
    </div><!-- .padding -->
</div><!-- .clearfix -->
<div id="pagination">
    <ul>
        <li>
            <a href="#" class="ie-corner">წინა</a>
        </li>
        <li>
            <a href="#" class="ie-corner">1</a>
        </li>

        <li class="current">
            <a href="#" class="ie-corner">2</a>
        </li>
        <li>
            <a href="#" class="ie-corner">3</a>
        </li>
        <li>
            <span>...</span>

        </li>
        <li>
            <a href="#" class="ie-corner">98</a>
        </li>
        <li>
            <a href="#" class="ie-corner">99</a>
        </li>
        <li>

            <a href="#" class="ie-corner">100</a>
        </li>
        <li>
            <a href="#" class="ie-corner">შემდეგი</a>
        </li>
    </ul>
</div><!-- #pagination -->